<ui:composition template="/modulos/index/template/default.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets">

    <ui:define name="body" oncontextmenu="return false">
   	<h:form id="frmList" ajaxSubmit="false">
   		<p:growl id="msgSystem" showDetail="false" life="5000" escape="true"/>   
  		<p:toolbar>  
	    	<p:toolbarGroup align="left">  
	    	
		   <p:commandButton title="Regresar" 	value="Regresar" 	icon="icn_bar_back" action="ins_list" ajax="false" />
		 
			  
			</p:toolbarGroup>  
  		</p:toolbar>    		
      	<p:spacer height="4px"/>


			<td><p:outputLabel for="txtFrm" value="Aspecto :" /></td>
			<td><p:selectOneMenu id="txtFrm" value="#{evaluacionBalotario.myPregunta.aspecto}" style="width:150px">
					<f:selectItem itemLabel="#{constante.OPTION_SELECT}" 	itemValue="-1" />
					<f:selectItems value="#{evaluacionBalotario.listaAspectos}" var="item" itemValue="#{item.id}" itemLabel="#{item.nombre}" />
					<p:ajax event="change" update=":frmList:txtFrm2" listener="#{evaluacionBalotario.listaPreguntasPorAspecto}" />
				</p:selectOneMenu></td>

			<td><p:outputLabel for="txtFrm2" value="Pregunta :" /></td>
			<td><p:selectOneMenu id="txtFrm2" value="#{evaluacionBalotario.bean.pk_pregunta}" style="width:150px" >
					<f:selectItem itemLabel="#{constante.OPTION_SELECT}" 	itemValue="-1" />
					<f:selectItems value="#{evaluacionBalotario.listaPregunta}" var="item" itemValue="#{item.id}" itemLabel="#{item.nombre}" />
				</p:selectOneMenu></td>

			<p:commandButton value="Agregar" id="AgregarButton"  actionListener="#{evaluacionBalotario.nativeSave}" ajax="false" update=":frmList:itemList" >
			</p:commandButton>
			
			<p:dataTable id="itemList" var="item"
				value="#{evaluacionBalotario.beanList}"
				emptyMessage="#{constante.LIST_EMPTY}" resizableColumns="true"
				paginatorPosition="bottom" paginator="true"
				rows="#{constante.LIST_SIZE}"
				paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} ">
				<f:facet name="header">
					<h:outputText value="Lista de Preguntas ()" />
				</f:facet>

								
				<p:column headerText="Preguntas" style="width:40%; align:center;">
				<h:outputText value="#{item.beanPregunta.nombre}" />
				</p:column>
				
				<p:column headerText="Eliminar" style="width:10%"> 
			 	  <p:commandButton icon="icn_item_remove" 	title="Eliminar" 		oncomplete="dialogUsrDel.show()">
					<f:setPropertyActionListener value="#{item}" target="#{evaluacionBalotario.beanSelected}" />				
				</p:commandButton> 
				</p:column>
				
			</p:dataTable>
		</h:form>
		
				<!-- Eliminar Usuario -->
		<p:confirmDialog widgetVar="dialogUsrDel" width="350" appendToBody="true"
			header="Mensaje de Confirmación" message="¿Estas seguro de eliminar a esta escala ?" style="font-size:13px;"
        	closable="true" severity="alert" closeOnEscape="true">
        	<h:form>	
			<h:panelGroup style="text-align: right;" >
			    <p:commandButton value="Si" id="deleteButton" oncomplete="dialogUsrDel.hide()"  actionListener="#{evaluacionBalotario.nativeRemove}"  update=":frmList"/>
        		<p:commandButton value="No" id="cancelButton" onclick="dialogUsrDel.hide()"/>   
			</h:panelGroup>
			</h:form>	
   		</p:confirmDialog>
   		
   		
    </ui:define>
  </ui:composition>